<template>
  <div>
    <button @click="flag = 'MyLeft'">MyLeft</button>
    <button @click="flag = 'MyRight'">MyRight</button>
    <component :is="flag"></component>
  </div>
</template>

<script>
import MyLeft from "@/components/MyLeft.vue";
import MyRight from "@/components/MyRight.vue";
// import { ReactiveFlags } from "vue";
export default {
  data() {
    return {
      flag: "MyLeft",
    };
  },
  components: {
    MyLeft,
    MyRight,
  },
};
</script>

<style>
</style>